@charset "utf-8";
/* 代码整理：懒人之家 www.lanrenzhijia.com */
*{ margin:0; padding:0; list-style:none;}
body{ font-size:12px; text-align:left;}
a{ text-decoration:none; color:#333;}
a:hover{ text-decoration:none;}


/* 本案例代码begin */
.left_nav{ width:120px; height:auto;padding:5px;position:fixed; left:46%; top:50; margin:30px 0px 0px -650px; z-index:777; background:#fff; border:1px solid #CDCDCD;}
.left_nav dl dt{ width:85px; height:32px; line-height:32px; background:url(../images/long.png) no-repeat 12px center #02A91B; padding-left:35px; color:#fff; margin-bottom:4px; font-size:14px; font-weight:bold;}
.left_nav dl dd{ width:128px; height:30px; position:relative;}
.left_nav dl dd .nav_right{ width:455px; height:auto; overflow:hidden; position:absolute; left:125px; top:0px; padding:0px 5px 10px 5px;background:#fff; display:none; border:1px solid #ccc;}
.left_nav dl dd .nav_right a{ width:120px;height:20px; line-height:20px; text-align:left; color:#666;padding-left:30px; background:url(../images/nav_right_bg.png) no-repeat 10px center; display:block; float:left; margin-top:10px; white-space:nowrap;
 text-overflow:ellipsis;
 -o-text-overflow:ellipsis;
 overflow: hidden;}
.left_nav dl dd .nav_right a:hover{ width:120px;height:20px; line-height:20px; text-align:left; color:#fff;padding-left:30px; background:url(../images/nav_right_bg2.png) no-repeat 10px center #02A91B; text-decoration:none;}
.left_nav dl dd a.nav_left{width:107px; height:29px; line-height:29px; background:url(../images/left_nav_dt_bg.png) no-repeat 105px center #E0E0E0; padding-left:13px; display:block; border-bottom:1px solid #fff;color:#3C4347; white-space:nowrap;
 text-overflow:ellipsis;
 -o-text-overflow:ellipsis; overflow: hidden;}
.left_nav dl dd a.nav_left:hover{width:107px; height:29px; line-height:29px;background:url(../images/left_nav_dt_bg2.png) no-repeat 105px center #02A91B; color:#fff; text-decoration:none;}